<template>
  <div class="layout-padding">
    <div class="layout-padding-auto layout-padding-view">
      <el-tabs model-value="1" class="layout-tabs">
        <el-tab-pane label="聚集度分析结果" name="1">
          <ResultJjd></ResultJjd>
        </el-tab-pane>
        <el-tab-pane label="不同样点结果" name="2" lazy>
          <ResultBt></ResultBt>
        </el-tab-pane>
        <el-tab-pane label="相同样点结果" name="3" lazy>
          <ResultFXt></ResultFXt>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script lang="ts" setup name="skycfxResult">
import ResultJjd from './components/result-jjd.vue';
import ResultBt from './components/result-bt.vue';
import ResultFXt from './components/result-xt.vue';
</script>

<style scoped lang="scss">
.layout-tabs {
  height: 100%;
  :deep(.el-tabs__content) {
    height: calc(100% - 60px);
    .el-tab-pane {
      height: 100%;
    }
  }
}
</style>
